1
00:00:03,000 --> 00:00:05,099
ก่อนที่เราจะพัฒนาต่อไป

2
00:00:05,099 --> 00:00:06,692
แอป Next.js แอปแรกของเรา

3
00:00:06,764 --> 00:00:09,539
ฉันอยากจะแสดงให้คุณเห็นอย่างรวดเร็วว่าคุณสามารถทำอะไรได้บ้าง

4
00:00:09,539 --> 00:00:12,175
ค้นหาซอร์สโค้ดสำหรับโครงการนี้

5
00:00:12,244 --> 00:00:14,245
สิ่งนี้จะมีประโยชน์ถ้าคุณมี

6
00:00:14,245 --> 00:00:16,247
ปัญหาใด ๆ กับรหัสของคุณเอง

7
00:00:16,311 --> 00:00:18,687
ในขณะที่ติดตามวิดีโอไปด้วย

8
00:00:18,687 --> 00:00:21,299
ภายใต้แหล่งข้อมูลสำหรับการบรรยายครั้งนี้

9
00:00:21,299 --> 00:00:24,394
คุณจะพบลิงก์ไปยังที่เก็บ GitHub

10
00:00:24,394 --> 00:00:26,617
ซึ่งมีโค้ดทั้งหมดสำหรับ

11
00:00:26,617 --> 00:00:28,470
ตัวอย่างรีวิวถัดไป

12
00:00:28,544 --> 00:00:30,781
ตอนนี้สิ่งที่คุณเห็นในหน้านี้

13
00:00:30,781 --> 00:00:32,348
เป็นสาขา "หลัก"

14
00:00:32,421 --> 00:00:35,060
ประกอบด้วยโค้ดสุดท้าย

15
00:00:35,060 --> 00:00:37,797
รวมถึงทุกสิ่งที่ครอบคลุมในนั้น

16
00:00:37,797 --> 00:00:40,535
อีกหลายส่วนถัดไปของหลักสูตร

17
00:00:40,603 --> 00:00:43,188
แต่ส่วนใหญ่คุณจะต้องการตรวจสอบ

18
00:00:43,188 --> 00:00:45,647
รหัสควรอยู่ตอนท้ายว่าอะไร

19
00:00:45,647 --> 00:00:47,816
ของการบรรยายเฉพาะแทน

20
00:00:47,888 --> 00:00:50,444
คุณสามารถดูการเปลี่ยนแปลงที่เกิดขึ้นในแต่ละวิดีโอ

21
00:00:50,444 --> 00:00:52,662
โดยคลิกลิงก์ "กระทำ" นี้

22
00:00:52,662 --> 00:00:54,956
หน้านี้แสดงการเปลี่ยนแปลงทั้งหมด

23
00:00:54,956 --> 00:00:56,363
ทำทุกขั้นตอน

24
00:00:56,437 --> 00:00:58,392
และฉันก็ผลักคอมมิตแยกออกไป

25
00:00:58,392 --> 00:01:00,282
สำหรับแต่ละวิดีโอในหลักสูตร

26
00:01:00,347 --> 00:01:03,734
โดยมีหัวข้อบรรยายเป็นข้อความคอมมิต

27
00:01:03,734 --> 00:01:06,166
โปรดทราบว่ารายการนี้ตรงกันข้าม

28
00:01:06,166 --> 00:01:07,640
ตามลำดับเวลา

29
00:01:07,713 --> 00:01:09,884
การเปลี่ยนแปลงครั้งแรกที่เราทำ

30
00:01:09,884 --> 00:01:11,894
จะเป็นรายการที่เก่าแก่ที่สุด

31
00:01:11,975 --> 00:01:14,261
คุณจะเห็นว่ามันบอกว่า "กำลังสร้าง

32
00:01:14,261 --> 00:01:15,539
โครงการ Next.js"

33
00:01:15,606 --> 00:01:17,726
หากเราย้อนกลับไปหน้าที่แล้ว

34
00:01:17,786 --> 00:01:21,349
คอมมิตที่สองเขียนว่า "โฮมเพจ" และอื่นๆ

35
00:01:21,349 --> 00:01:23,959
ข้อความยืนยันแต่ละรายการจะเหมือนกัน

36
00:01:23,959 --> 00:01:26,332
เป็นชื่อของวิดีโอที่

37
00:01:26,332 --> 00:01:27,939
ฉันทำการเปลี่ยนแปลงเหล่านั้น

38
00:01:28,016 --> 00:01:30,396
"การสร้างโครงการ Next.js" คือ

39
00:01:30,396 --> 00:01:32,380
การบรรยายครั้งแรกในส่วนนี้

40
00:01:32,446 --> 00:01:35,040
“หน้าแรก” ที่สอง เป็นต้น

41
00:01:35,040 --> 00:01:37,211
ตอนนี้เพื่อให้มันง่ายจริงๆสำหรับ

42
00:01:37,211 --> 00:01:39,103
คุณจะพบรหัสที่ถูกต้อง

43
00:01:39,173 --> 00:01:40,949
ฉันได้เพิ่มลิงค์ภายใต้

44
00:01:40,949 --> 00:01:42,725
แหล่งข้อมูลสำหรับการบรรยายแต่ละครั้ง

45
00:01:42,791 --> 00:01:45,972
ดังนั้น หากคุณเปิด "ส่วนต่าง" ของ "หน้าแรก"

46
00:01:45,972 --> 00:01:47,784
นี่จะแสดงให้คุณเห็นการเปลี่ยนแปลง

47
00:01:47,784 --> 00:01:49,416
ทำในวิดีโอที่แล้ว

48
00:01:49,476 --> 00:01:52,284
ส่วนต่างจะแสดงไฟล์ที่เราเปลี่ยนแปลง

49
00:01:52,284 --> 00:01:54,340
และสำหรับแต่ละไฟล์นั่นเอง

50
00:01:54,340 --> 00:01:56,239
เส้นไหนที่เราแก้ไข

51
00:01:56,318 --> 00:01:58,322
นอกจากนี้ยังมีมุมมอง "แยก"

52
00:01:58,438 --> 00:02:01,107
ที่แสดงโค้ดก่อนและหลัง

53
00:02:01,107 --> 00:02:02,044
เคียงข้างกัน

54
00:02:02,116 --> 00:02:04,467
คุณสามารถเลือกมุมมองใดก็ได้ที่คุณต้องการ

55
00:02:04,467 --> 00:02:06,724
สิ่งสำคัญก็คือคุณ

56
00:02:06,724 --> 00:02:08,616
สามารถใช้ส่วนต่างนี้เพื่อตรวจสอบได้

57
00:02:08,690 --> 00:02:10,487
ถ้าคุณทำถูกต้องแล้ว

58
00:02:10,487 --> 00:02:12,285
การเปลี่ยนแปลงรหัสของคุณเอง

59
00:02:12,356 --> 00:02:15,382
ทีนี้ บางครั้งแทนที่จะเห็นความแตกต่าง

60
00:02:15,382 --> 00:02:18,620
คุณอาจต้องการดูเนื้อหาไฟล์ทั้งหมด

61
00:02:18,620 --> 00:02:20,390
คุณสามารถทำได้โดยคลิก

62
00:02:20,390 --> 00:02:22,159
ปุ่ม "เรียกดูไฟล์" นี้

63
00:02:22,224 --> 00:02:24,412
ที่แสดงพื้นที่เก็บข้อมูลที่

64
00:02:24,412 --> 00:02:26,444
จุดนี้ในประวัติศาสตร์

65
00:02:26,522 --> 00:02:29,211
โปรดทราบว่าแทนที่จะเป็นสาขา "หลัก"

66
00:02:29,211 --> 00:02:32,788
หน้านี้จะแสดงรหัสการคอมมิตเฉพาะ

67
00:02:32,788 --> 00:02:36,014
และคุณยังสามารถดูข้อความยืนยันล่าสุดได้ที่นี่

68
00:02:36,014 --> 00:02:38,575
ดังนั้นหากคุณต้องการดูโค้ดแบบเต็ม

69
00:02:38,575 --> 00:02:40,638
สำหรับหน้าแรก เช่น

70
00:02:40,709 --> 00:02:43,544
คุณสามารถเปิด "page.jsx" ได้เลย

71
00:02:43,544 --> 00:02:45,858
และที่นี่คุณจะเห็นไฟล์เต็ม

72
00:02:45,858 --> 00:02:49,069
ที่คุณอาจต้องการคัดลอกไปยังโครงการของคุณเอง

73
00:02:49,069 --> 00:02:51,149
คุณยังสามารถดาวน์โหลดทั้งหมดได้

74
00:02:51,149 --> 00:02:52,727
ไฟล์ไปยังเครื่องของคุณ

75
00:02:52,799 --> 00:02:55,469
โดยเลือกดาวน์โหลด ZIP ที่นี่

76
00:02:55,469 --> 00:02:57,719
หรือใช้เครื่องมือบรรทัดคำสั่ง Git

77
00:02:57,719 --> 00:02:59,506
ถ้าคุณคุ้นเคยกับมัน

78
00:02:59,572 --> 00:03:01,981
ดังนั้นคุณจึงมีหลายวิธีในการตรวจสอบ

79
00:03:01,981 --> 00:03:03,767
รหัสของคุณกับฉัน

80
00:03:03,845 --> 00:03:06,107
ในกรณีที่มีบางอย่างใช้งานไม่ได้

81
00:03:06,107 --> 00:03:07,521
ในโครงการของคุณเอง

82
00:03:07,592 --> 00:03:09,679
หากคุณไม่สามารถแก้ไขปัญหาได้

83
00:03:09,679 --> 00:03:11,227
โดยดูจากโค้ด

84
00:03:11,294 --> 00:03:14,395
โปรดตรวจสอบแท็บ "QandA" ในหลักสูตร

85
00:03:14,395 --> 00:03:17,632
บางทีอาจมีการพูดคุยถึงปัญหาที่คล้ายกันมาก่อน

86
00:03:17,632 --> 00:03:21,535
และบางครั้งฉันก็โพสต์อัปเดตที่นี่ด้วย

87
00:03:21,535 --> 00:03:24,455
เหมือนว่ามีห้องสมุดเวอร์ชั่นใหม่

88
00:03:24,455 --> 00:03:27,531
และโค้ดจะต้องแตกต่างออกไปเล็กน้อย

89
00:03:27,531 --> 00:03:31,187
You can search all questions by typing a keyword,

90
00:03:31,187 --> 00:03:33,271
และคุณจะเห็นผลลัพธ์ที่นี่

91
00:03:33,271 --> 00:03:35,315
หากคุณไม่พบสิ่งใดเลยคุณ

92
00:03:35,315 --> 00:03:37,293
สามารถถามคำถามใหม่ได้เสมอ

93
00:03:37,359 --> 00:03:39,577
เลือก "เนื้อหาหลักสูตร"

94
00:03:39,579 --> 00:03:42,137
และที่นี่คุณสามารถโพสต์ข้อความใหม่ได้

95
00:03:42,137 --> 00:03:45,359
โปรดตรวจสอบให้แน่ใจว่าได้เขียนชื่อที่สื่อความหมาย

96
00:03:45,359 --> 00:03:48,210
และให้รายละเอียดให้มากที่สุด

97
00:03:48,210 --> 00:03:50,945
คุณสามารถเพิ่มภาพหน้าจอด้วยปุ่มนี้

98
00:03:50,945 --> 00:03:54,656
และจัดรูปแบบโค้ดด้วยการคลิกไอคอนอื่นนี้

99
00:03:54,656 --> 00:03:56,814
จำไว้ว่าฉันไม่เสมอไป

100
00:03:56,814 --> 00:03:58,973
พร้อมตอบได้ทันที

101
00:03:59,041 --> 00:04:01,086
เหนือสิ่งอื่นใด เราอาจจะเป็นได้

102
00:04:01,086 --> 00:04:02,779
ในเขตเวลาที่แตกต่างกัน

103
00:04:02,849 --> 00:04:04,875
ดังนั้นหากเป็นเวลาบ่ายสำหรับคุณ

104
00:04:04,875 --> 00:04:06,539
เมื่อคุณโพสต์บางสิ่งบางอย่าง

105
00:04:06,611 --> 00:04:09,144
อาจเป็นตอนกลางคืนสำหรับฉัน

106
00:04:09,144 --> 00:04:11,385
ซึ่งหมายความว่าฉันจะเห็นเฉพาะคำถามของคุณเท่านั้น

107
00:04:11,385 --> 00:04:12,649
เช้าวันรุ่งขึ้น

108
00:04:12,707 --> 00:04:14,866
รายละเอียดเพิ่มเติมที่คุณให้ฉันและ

109
00:04:14,866 --> 00:04:16,567
ยิ่งเป็นไปได้มากเท่าไร

110
00:04:16,632 --> 00:04:18,930
ฉันจะสามารถให้วิธีแก้ปัญหาแก่คุณได้

111
00:04:18,930 --> 00:04:20,180
ในการตอบกลับครั้งแรก

112
00:04:20,245 --> 00:04:22,943
หากฉันต้องขอข้อมูลเพิ่มเติมจากคุณ

113
00:04:22,943 --> 00:04:25,977
การกลับไปกลับมาจะใช้เวลานานกว่า

114
00:04:25,977 --> 00:04:29,474
นั่นเป็นเหตุผลว่าทำไมฉันถึงจัดเตรียมพื้นที่เก็บข้อมูล Github นี้:

115
00:04:29,474 --> 00:04:32,908
เพื่อให้คุณสามารถตรวจสอบรหัสทั้งหมดด้วยตัวคุณเองได้อย่างง่ายดาย

116
00:04:32,908 --> 00:04:35,778
โดยไม่ต้องรอให้ฉันตอบกลับ